﻿<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>龙岗中医院大屏-护理系统</title>
	<link href="../static/tv/css/style.css" th:href="@{/tv/css/style.css}" rel="stylesheet"/>
</head>
<body>
	<div class="head clearfix">
	<h1 class="">龙岗中医院全院住院病区监控</h1>
		<div class="time" id="showTime">2018/6/12 17:00:12</div>
		<script>
var t = null;
    t = setTimeout(time,1000);//開始运行
    function time()
    {
       clearTimeout(t);//清除定时器
       dt = new Date();
		var y=dt.getFullYear();
		var mt=dt.getMonth()+1;
		var day=dt.getDate();
       var h=dt.getHours();//获取时
       var m=dt.getMinutes();//获取分
       var s=dt.getSeconds();//获取秒
       document.getElementById("showTime").innerHTML = y+"/"+mt+"/"+day+" "+h+":"+m+":"+s+"";
       t = setTimeout(time,1000); //设定定时器，循环运行     
    } 

</script>
	</div>
	<div class="mainbox">
	
	<ul class="clearfix nav1">
		<li style="width: 30%">
			<div class="box">
				<div class="tit"><span>各级护理占比</span><p></p></div>
				<div class="boxnav" >
					<ul class="jbgc">

						<li style="width:100%;height: 320px" id="echart8"></li>
					</ul>
				</div>
			</div>
		</li>
		<li style="width: 70%">
		<div class="box">
			<div class="tit"><span>全院今日概况总览</span><p></p></div>
			<div class="boxnav" style="height: 320px;">
				<ul class="drqk clearfix">
				<li>
					<div class="icon"><img th:src="@{/img/images/icona.png}"></div>
					<div><span>新入院患者数</span>
					<p><em>1358</em><i>人</i></p></div>
					</li>
				<li><div class="icon"><img th:src="@{/img/images/icona.png}"></div>
					<div><span>手术患者数</span>
					<p><em>1983</em><i>人</i></p></div></li>
				<li><div class="icon"><img th:src="@{/img/images/iconc.png}"></div>
					<div><span>病危人数</span>
					<p><em>930</em><i>人</i></p></div></li>
				<li><div class="icon"><img th:src="@{/img/images/icond.png}"></div>
					<div><span>病重人数</span>
					<p><em>371</em><i>人</i></p></div></li>
				<li><div class="icon"><img th:src="@{/img/images/icone.png}"></div>
					<div><span>压疮人数</span>
					<p><em>1683</em><i>人</i></p></div></li>
				<li><div class="icon"><img th:src="@{/img/images/iconf.png}"></div>
					<div><span>跌倒坠床人数</span>
					<p><em>1091</em><i>人</i></p></div></li>
				<li><div class="icon"><img th:src="@{/img/images/icond.png}"></div>
					<div><span>BADL高位人数</span>
						<p><em>371</em><i>人</i></p></div></li>
				<li><div class="icon"><img th:src="@{/img/images/icone.png}"></div>
					<div><span>营养不良人数</span>
						<p><em>1683</em><i>人</i></p></div></li>
				<li><div class="icon"><img th:src="@{/img/images/iconf.png}"></div>
					<div><span>Caprin高危人数</span>
						<p><em>1091</em><i>人</i></p></div></li>
				</ul>
			</div>
			</div>
		</li>
		<li style="width: 100%">
			<div class="box">
				<div class="tit"><span>全院护理敏感指标数据预览</span><p></p></div>
				<div class="boxnav" style="height: 250px;">
					<ul class="jcjg">
						<li><h3></h3>
							<div class="jcnav">
								<img th:src="@{/img/images/icon1.png}">
								<div class="jcnavp">
									<div class="fora"><ol>医源性皮肤损伤发生例次</ol><span>765</span><i class="text-d">+2.30</i><div class="forb"></div></div>
									<div class="fora"><ol>给药错误发生例次</ol><span>765</span><i class="text-d">+2.30</i><div class="forb"></div></div>
								</div>
							</div>
						</li>
						<li><h3></h3>
							<div class="jcnav">
								<img th:src="@{/img/images/icon2.png}">
								<div class="jcnavp">
									<div class="fora"><ol>床护比</ol><span th:text="${dataMap.IDX_CHB}"></span><div class="forb"></div></div>
									<div class="fora"><ol>护患比</ol><span>765</span><i class="text-s">-2.30</i><div class="forb"></div></div>
								</div>

							</div>
						</li>
						<li><h3></h3>
							<div class="jcnav jcnav2">
								<img th:src="@{/img/images/icon3.png}">
								<div class="jcnavp">
									<div class="fora"><ol>插管患者非计划拔管发生率</ol><span>765</span><i class="text-d">+2.30</i><div class="forb"></div></div>
									<div class="fora"><ol>住院患者跌倒发生率</ol><span>765</span><i class="text-d">+2.30</i><div class="forb"></div></div>
									<div class="fora"><ol>住院患者身体约束率</ol><span>765</span><i class="text-d">+2.30</i><div class="forb"></div></div>
									<div class="fora"><ol>院内压疮发生率</ol><span>765</span><i class="text-d">+2.30</i><div class="forb"></div></div>
								</div>
							</div>
						</li>
					</ul>

				</div>
			</div>
		</li>
		</ul>
	</div>
</body>
<script src="../static/tv/js/jquery.js" th:src="@{/tv/js/jquery.js}"></script>
<script src="../static/tv/js/echarts.min.js" th:src="@{/tv/js/echarts.min.js}"></script>
<script src="../static/tv/js/js.js" th:src="@{/tv/js/js.js}"></script>
</html>
